<!DOCTYPE html>
<!--[if IE 8]>
<html lang="zh" class="ie8"> <![endif]-->
<!--[if !IE]><!-->
<html lang="zh">
<!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>管理系统</title>
    <!-- ======基础样式开始======-->
    <link href="../../css/bootstrap/style.default.css" rel="stylesheet">
    <!--换肤-->
    <link href="../../css/bootstrap/style.katniss.css" rel="stylesheet">
    <!--IE8兼容样式-->
    <link href="../../css/bootstrap/navigateLowerIE8.css" rel="stylesheet">
    <!-- ======基础样式结束======-->
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="../../js/bootstrap/html5shiv.js"></script>
    <script src="../../js/bootstrap/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<div class="contentpanel">
    <div class="panel panel-default">
        <div class="panel-heading">
            <div class="panel-btns"><a href="#" class="minimize">−</a></div>
            <h4 class="panel-title">店铺绑定关系</h4>
        </div>
        <div class="panel-body">
            <div class="table-responsive">
                <table class="table table-bordered table-striped table-hover table-condensed table-primary">
                    <thead>
                    <tr>
                        <th>账号</th>
                        <th>渠道类型</th>
                        <th>商家类型</th>
                        <th>订阅服务</th>
                        <th>绑定时间</th>
                        <th>系统证书</th>
                        <th>系统节点</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>1</td>
                        <td><input type="checkbox" value="" name=""></td>
                        <td>kongmiaod</td>
                        <td>kongmiaod</td>
                        <td>12</td>
                        <td>43</td>
                        <td>231</td>
                        <td>
                            <a href="" class="btn btn-warning btn-sm" onclick="openremovealert()"><i class="fa fa-gavel"></i> 解除绑定</a>
                        </td>
                    </tr>
                    <tr>
                        <td>4</td>
                        <td><input type="checkbox" value="" name=""></td>
                        <td>kongmiaod</td>
                        <td>12</td>
                        <td>43</td>
                        <td>231</td>
                        <td>231</td>
                        <td>
                            <a href="javascript:void (0)" class="btn btn-info btn-sm"><i class="fa  fa-clock-o"></i> 等待对方同意</a>
                        </td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td><input type="checkbox" value="" name=""></td>
                        <td>kongmiaod</td>
                        <td>kongmiaod</td>
                        <td>12</td>
                        <td>43</td>
                        <td>231</td>
                        <td>
                            <a href="" class="btn btn-warning btn-sm" onclick="openremovealert()"><i class="fa fa-gavel"></i> 解除绑定</a>
                        </td>
                    </tr>
                    <tr>
                        <td>4</td>
                        <td><input type="checkbox" value="" name=""></td>
                        <td>kongmiaod</td>
                        <td>12</td>
                        <td>43</td>
                        <td>231</td>
                        <td>231</td>
                        <td>
                            <a href="javascript:void (0)" class="btn btn-info btn-sm"><i class="fa  fa-clock-o"></i> 等待对方同意</a>
                        </td>
                    </tr>
                    </tbody>
                </table>
                </div>
            <div class="text-center m-15">
                <a href="#" class="btn btn-primary"><i class="fa fa-reply"></i> 返回</a>
            </div>
        </div>
        <!-- panel-body-->
    </div>
</div>

<script src="../../js/bootstrap/jquery-1.11.1.min.js"></script>
<script src="../../js/bootstrap/jquery-migrate-1.2.1.min.js"></script>
<script src="../../js/bootstrap/bootstrap.min.js"></script>
<script src="../../js/bootstrap/modernizr.min.js"></script>
<script src="../../js/bootstrap/retina.min.js"></script>
<script src="../../js/bootstrap/jquery-ui-1.10.3.min.js"></script>
<script src="../../js/util/util.js"></script>
 <script type="text/javascript">
     function openremovealert(idea,content,order,btn) {
            top.othersBtn&& top.othersBtn("解除绑定", "<div class='form-horizontal'><div class='form-group'><label class='control-label col-xs-3'>解绑原因：</label><div class='col-xs-6'><textarea class='form-control' placeholder='请输入原因...' rows='8'></textarea></div></div></div>",4,'<button class="btn btn-danger" style="margin-right:20px"><i class="fa fa-gavel"></i> 解绑</button><button class="btn btn-primary" data-dismiss="modal" ><i class="fa fa-close"></i> 取消</button>');

     }

 </script>

</body>
</html>